<template>
  <div class='wrap'>
    <div class='container w'>
      <div class="info">
          <div class="avatar">
            <el-avatar :size="40" src="circleUrl"></el-avatar>
            <div>澳莎妮娜</div>
            </div>
          <ul>
            <li>
              <div class="l">信誉</div>
              <div class="f"> * * * * * * *</div>
            </li>
            <li>
              <div class="l">资质</div>
              <div class="f"> * * * * * * *</div>
            </li>
            <li>
              <div class="l">联系</div>
              <div class="f"> * * * * * * *</div>
            </li>
          </ul>
          <div class="ms">
            <div>
              <p>描述</p>
              <p>4.8</p>
            </div>
            <div>
              <p>服务</p>
              <p>4.8</p>
            </div>
            <div>
              <p>物流</p>
              <p>4.8</p>
            </div>
          </div>
          <div class="btn">
             <el-button plain size="small">进入商铺</el-button>
             <el-button plain size="small">收藏商铺</el-button>
          </div>
      </div>
      <!-- <div>
        <div>工作时间</div>
        <div>商家公告</div>
        <div>商家介绍</div>
      </div> -->
    </div>
   </div>
</template>

<script>
  export default {
    name: 'ShopInfo',
    components: {},
    data() {
      return {
      };
    },
    created() {},
    methods: {}, 
  };
</script>
<style lang="scss" scoped>
.info{
  padding: 10px 15px;
  font-size:13px;
  color: #6c6c6c;
  background:#fff;
  border:1px solid rgb(243, 238, 238);
  border-radius:4px;
  // box-shadow: 0 0 5px rgba(119, 139, 210, 0.5);
  li{
    margin:10px 0;
  }
  .l{
    width: 60px;
    float: left;
  }
  .r{
     color:#3c3c3c;
  }
  .avatar{
    display: flex;
    line-height:40px ;
    div{
      margin-left:15px;
    }
  }
  .ms,
  .btn{
    display: flex;
    justify-content: space-around;;
  }
  .ms{
    border-top: 1px dotted rgb(216, 209, 209);
    div{
      text-align: center;
      p:nth-child(2){
        font-weight: bold;
        color: rgb(183, 49, 49);
      }
    }
  }
}
</style>